﻿.modal {
    .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;

        .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-header {
            border-radius: 0;
        }

        .modal-body {
            overflow-y: auto;
        }

        .modal-footer {
            border-radius: 0;
        }
    }

    &.fade {
        transition: opacity var(--modal-animation-duration, 300ms) cubic-bezier(0,0,.2,1);
    }

    &.show {
        .modal-dialog {
            transition: opacity,-webkit-transform var(--modal-animation-duration, 300ms) cubic-bezier(0,0,.2,1);
            transition: opacity,transform var(--modal-animation-duration, 300ms) cubic-bezier(0,0,.2,1);
        }
    }
}
